
<!-- 页面中的内容 -->

<!-- 列表 -->
<div class="list-div" id="listDiv">
	<table cellpadding="3" cellspacing="1">
    	<tr>
    		<th width="3%"><input type="checkbox" /></th>
            <th>类型名称</th>
			<th width="120">操作</th>
        </tr>
		{volist name="types" id="type"}         
			<tr class="tron">
				<td><input type="checkbox" /></td>
				<td>{$type.type_name}</td>
		        <td align="center">
		        	<a href="{:url('attrs/lst',['id'=>$type['tid']])}" title="属性列表">属性列表</a> |
		        	<a href="{:url('editShow',['id'=>$type['tid']])}" title="编辑">编辑</a> |
	                <a href="javascript:;" class="del_btn" type_id="{$type.tid}" title="移除">移除</a> 
		        </td>
	        </tr>         
		 {/volist}
	</table>
</div>
<script>
	//异步删除类型
	$('.del_btn').click(function(){

		//给用户友好提示
		if( !confirm('您确定要删除吗？') ){
			return false;
		}

		//获取信息
		var url = "{:url('del')}";
		var id = $(this).attr('type_id');
		var oTr = $(this).parents('tr');
		var name = $(this).parent().prev().html();
		
		//异步删除
		$.get(url, {id:id,name:name}, function( data ){

			if( data.status ){

				oTr.fadeOut('slow', function() {

					oTr.remove();

				});

			}else{

				alert( data.msg );
			}

		}, 'json')
	});
</script>